<%-- 
    Document   : admininstructores
    Created on : 03-09-2013, 12:06:07 PM
    Author     : JonandVictoria
--%>
<%
    String carnet_p = (String) session.getAttribute("carnet_p");//Recoge la session
    if (carnet_p == null) {
        response.sendRedirect("../index.jsp");
    } else {
        int codigo_per = (Integer) session.getAttribute("codigo_per");
        if (codigo_per == 2) {
            response.sendRedirect("../index.jsp");
        } else if (codigo_per == 3) {
            response.sendRedirect("../index.jsp");
        } else {
        }
    }
%>
<%@page contentType="text/html" pageEncoding="UTF-8" language="java"%>
<%@include file="../jspf/elementos_codigo.jspf" %>
<%@include file="../jspf/css-js.jspf" %>
<!DOCTYPE html>
<html>
    <!--HEAD-->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Administración de Instructores</title>
        <!--ESTILOS, JAVASCRIPTS, JQUERYS Y AJAX-->
        <link rel="stylesheet" href="../CSS/MainStyle.css" type="text/css"/>


        <script type="text/javascript">
            
            function onlyNumbersDano(evt)
      {
        var keyPressed = (evt.which) ? evt.which : event.keyCode
        return !(keyPressed > 31 && (keyPressed < 48 || keyPressed > 57));
      } 
            
            
            function validarINS() {
                var car_p = document.forms["form1"]["carnet_p"].value;
                var nom_pe = document.forms["form1"]["nombre_pe"].value;
                var ape_pe = document.forms["form1"]["apellido_pe"].value;
                var tel_pe = document.forms["form1"]["telefono_pe"].value;
                var cor_pe = document.forms["form1"]["correo_pe"].value;
                var usu = document.forms["form1"]["usuario"].value;
                var cla = document.forms["form1"]["clave"].value;

                if (car_p == null || car_p == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>Laboratorio de Ciencias Básicas</em><br/><p>DEBE LLENAR EL CAMPO DE CARNET</p>');
                    return false
                } else if (nom_pe == null || nom_pe == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>Laboratorio de Ciencias Básicas</em><br/><p>DEBE LLENAR EL CAMPO DE NOMBRE</p>');
                    return false
                } else if (ape_pe == null || ape_pe == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>Laboratorio de Ciencias Básicas</em><br/><p>DEBE LLENAR EL CAMPO DE APELLIDO</p>');
                    return false
                } else if (tel_pe == null || tel_pe == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>versión 1.2</em><br/><p>DEBE LLENAR EL CAMPO DE TELEFONO</p>');
                    return false
                } else if (cor_pe == null || cor_pe == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>versión 1.2</em><br/><p>DEBE LLENAR EL CAMPO DE CORREO</p>');
                    return false
                } else if (usu == null || usu == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>versión 1.2</em><br/><p>DEBE LLENAR EL CAMPO DE USUARIO</p>');
                    return false
                } else if (cla == null || cla == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>versión 1.2</em><br/><p>DEBE LLENAR EL CAMPO DE CLAVE</p>');
                    return false
                }
                return true
            }
            function validarMOD() {
                var car_p = document.forms["form1"]["carnet_p"].value;
                var nom_pe = document.forms["form1"]["nombre_pe"].value;
                var ape_pe = document.forms["form1"]["apellido_pe"].value;
                var tel_pe = document.forms["form1"]["telefono_pe"].value;
                var cor_pe = document.forms["form1"]["correo_pe"].value;
                var usu = document.forms["form1"]["usuario"].value;
                var cla = document.forms["form1"]["clave"].value;

                if (car_p == null || car_p == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>Laboratorio de Ciencias Básicas</em><br/><p>DEBE LLENAR EL CAMPO DE CARNET</p>');
                    return false
                } else if (nom_pe == null || nom_pe == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>Laboratorio de Ciencias Básicas</em><br/><p>DEBE LLENAR EL CAMPO DE NOMBRE</p>');
                    return false
                } else if (ape_pe == null || ape_pe == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>Laboratorio de Ciencias Básicas</em><br/><p>DEBE LLENAR EL CAMPO DE APELLIDO</p>');
                    return false
                } else if (tel_pe == null || tel_pe == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>versión 1.2</em><br/><p>DEBE LLENAR EL CAMPO DE TELEFONO</p>');
                    return false
                } else if (cor_pe == null || cor_pe == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>versión 1.2</em><br/><p>DEBE LLENAR EL CAMPO DE CORREO</p>');
                    return false
                } else if (usu == null || usu == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>versión 1.2</em><br/><p>DEBE LLENAR EL CAMPO DE USUARIO</p>');
                    return false
                } else if (cla == null || cla == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>versión 1.2</em><br/><p>DEBE LLENAR EL CAMPO DE CLAVE</p>');
                    return false
                }
                return true
            }
            function validarDEL() {
                var car_p = document.forms["form1"]["carnet_p"].value;


                if (car_p == null || car_p == "") {
                    Sexy.alert('<h1>UNIVERSIDAD FRANCISCO GAVIDIA</h1><em>Laboratorio de Ciencias Básicas</em><br/><p>DEBE LLENAR EL CAMPO DE CARNET</p>');
                    return false
                }
                return true
            }
            
            function getValor(carnet,nombre,apellido,telefono,correo,permiso){
                carnet_p.value=carnet;
                nombre_pe.value=nombre;
                apellido_pe.value=apellido;
                telefono_pe.value=telefono;
                correo_pe.value=correo;
                
                var permi = permiso;
                var perm = document.getElementById('codigo_per');
                for (var i=0; i< perm.options.length; i++){
                    if(perm.options[i].text= permi){
                        perm.selectedIndex = i;
                    }
                }
            }
        </script>     
    </head>
    <!--HEAD END-->

    <body>
        <!--CONTENEDOR DE TODA LA PÁGINA WEB (TODO ESTA DENTRO)-->
        <div class="contenedor">
            <!--ENCABEZADO-->
            <div class="encabezado">
                <div class="login"><a href="../cerrarSession.jsp" class="button-bevel green"> <span class="flag"></span> Cerrar Cesión </a></div>
                <a href="#"><img src="../IMAGES/logoufg2012.png" class="logo" name="logo"  /></a> 
                <!-- end .header -->
                <br>
                <h1>Administración de Instructores</h1>
                <h2>Laboratorio de Ciencias Basicas</h2>
            </div>
            <!--ENCABEZADO END-->
            <hr id="header_stripe"/> <!--BARRA DEBAJO DEL ENCABEZADO-->
            <!--BARRA LATERAL IZQUIERDA-->
            <div class="barralateral">
                <!--MENU-->
                <ul class="menuUL">
                    <!-- The class names that are assigned to the links correspond to name of the shape that is shown on hover: -->
                    <li><a href="admin-permiso.jsp" class="button-bevel orange" >Administrar</a></li>
                    <li><a href="admin-fecha.jsp" class="button-bevel orange" >Preparar Ciclo</a></li>
                    <li><a href="admin-personal.jsp" class="button-bevel orange" >Personal</a></li>
                    <li><a href="admin-catedratico.jsp" class="button-bevel orange" > Catedratico</a></li>
                    <li><a href="admin-alumno.jsp" class="button-bevel orange" >Alumnos</a></li>
                </ul>
                <!--MENU END-->
            </div>
            <!--BARRA LATERAL IZQUIERDA END-->
            <!--FORMULARIO-->
            <div class="formularios">
                <form id="form1" class="niceform" name="formPersonal" onsubmit="return validar()"method="post" action="${pageContext.servletContext.contextPath}/srvPersonal">

                    <table align="center" class="tableform">
                        <tr>
                            <td colspan="2">
                        <legend>Inscripción y Modificación de Instructores</legend>
                        </td>
                        <tr>
                            <td colspan="2">
                        <center>
                            <nav>
                                <ul class="smenu">
                                    <li><a href="admin-personal.jsp" class="button-bevel orange">Personal</a></li>
                                    <li><a href="admin-laboratorista.jsp" class="button-bevel orange">Laboratorista</a></li>
                                    <li><a href="admin-instructor.jsp" class="button-bevel orange">Instrucotres</a></li>                                        
                                </ul>
                            </nav>
                        </center>
                        </td>
                        </tr>
                        </tr>
                        <tr><td><label>Carnet:</label></td><td><input type="text" name="carnet_p" id="carnet_p" maxlength="6" required onkeypress="return onlyNumbersDano(event)"></td></tr>
                        <tr><td><label>Nombres:</label></td><td><input type="text" name="nombre_pe" id="nombre_pe"></td></tr>
                        <tr><td><label>Apellidos:</label></td><td><input type="text" name="apellido_pe" id="apellido_pe"></td></tr>
                        <tr><td><label>Telefono</label></td><td><input type="text" name="telefono_pe" id="telefono_pe" maxlength="8" required onkeypress="return onlyNumbersDano(event)"></td></tr>
                        <tr><td><label>Correo</label></td><td><input type="email" name="correo_pe" id="correo_pe" placeholder="correo@ufg.edu.sv"></td></tr>
                        <tr><td><label>Usuario</label></td><td><input type="text" name="usuario" id="usuario"></td></tr>
                        <tr><td><label>Clave</label></td><td><input type="password" name="clave" id="clave"></td></tr>
                        <tr><td><label>Permiso</label></td><td>
                                <jsp:useBean id="permiso" scope="request" class="Beans.beanPermiso" />
                                <select name="codigo_per" size="1" id="codigo_per">
                                    <c:forEach items="${permiso.listado}" var="lista">
                                        <option value="${lista.codigo_per}"><c:out value="${lista.nombre}"/></option>
                                    </c:forEach>
                                </select>
                            </td></tr>
                    </table>
                    <!--BOTONES DE ACCION-->
                    <fieldset class="action">
                        <input type="submit" accesskey="l" id="INSERTAR" name="accion" value="INSERTAR" class="button-bevel green" onClick="return validarINS()"/> 

                        <input type="submit" accesskey="2" id="MODIFICAR" name="accion" value="MODIFICAR" class="button-bevel green" onClick="return validarMOD()" /> 

                        <input type="submit" accesskey="2" id="ELIMINAR" name="accion" value="ELIMINAR" class="button-bevel green" onClick="return validarDEL()" /> 

                    </fieldset>
                    <!--BOTONES DE ACCION END-->
                </form>
            </div>
            <!--FORMULARIO END-->
            <br>
            <!--DISPLAYTAG-->
            <div class="displaytable">
                <jsp:useBean id="personal" scope="request" class="Beans.beanPersonal" />

                <c:set var="lista" scope="request" value="${personal.listado}"/>
                <display:table name="lista" export="false" id="fila">
                    <display:column property="carnet_p" title="CARNET" />
                    <display:column property="nombre_pe" title="NOMBRE" />
                    <display:column property="apellido_pe" title="APELLIDO" />
                    <display:column property="telefono_pe" title="TELEFONO" />
                    <display:column property="correo_pe" title="CORREO" />
                    <display:column property="nombre" title="PERMISO" />

                        <display:column title="Modificar">
                            <a href="javascript:getValor('${fila.carnet_p}','${fila.nombre_pe}','${fila.apellido_pe}',${fila.telefono_pe},'${fila.correo_pe}','${fila.nombre}')">
                                Modificar   </a>                                                    
                            </display:column>
                        </display:table>

            </div>
            <!--DISPLAYTAG END-->
            <br>
            <div class="footer">
 <p>El presente proyecto ha sido creado para la administración, control e inscripción de alumnos del laboratorio de Ciencias Básicas de la Universidad Francisco Gavidia. Creado entre Julio del 2012 a Septiembre del 2013, por los alumnos: Emanuel Martínez, Boris Ochoa, Luis Lara, Jorge Acevedo, Jonathan Cabrera y Victor Sanchez.</p>
            </div>
        </div>
        <!--CONTENEDOR END-->
    </body>
</html>